// import $ from "jquery";
// import Vue from "vue";

const vm = new Vue({
  el: "#app",
  data: {
    inputVal: "", //初始化时input框内容是空的
    searchResList: [
      "大",
      "家",
      "好",
      "我",
      "是",
      "百",
      "度",
      "的",
      "双胞胎",
      "弟弟",
      ".",
      ".",
      ".",
    ], //input没值聚焦时展现的广告搜索列表
    inputFocus: false, //初始化时input框是不聚焦状态
  },
  methods: {
    searchRes(res) {
      this.searchResList = res.s; //把搜索的字符当参数带进请求回来的关联词汇数组
    },
  },
  watch: {
    inputVal: function () {
      // 如果搜索框为空则不请求
      if (!this.inputVal) {
        this.searchResList = [
          "大",
          "家",
          "好",
          "我",
          "是",
          "百",
          "度",
          "的",
          "双胞胎",
          "弟弟",
          ".",
          ".",
          ".",
        ];
        return;
      }
      const url = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su";
      $.ajax(url, {
        dataType: "jsonp", //希望请求后响应的数据是jsonp格式
        data: {
          wd: this.inputVal, //传入参数wd值为输入的input框value值
          cb: "vm.searchRes", //cb是回调函数callback简写
        },
      });
    },
  },
});
